
/* - - - - - - - - - - - - - - - - -*/
/*           Importation            */
/* - - - - - - - - - - - - - - - - -*/

@import "url";
@import "main";

/* - - - - - - - - - - - - - - - - -*/
/*             Variable             */
/* - - - - - - - - - - - - - - - - -*/ 

@height_about : 40px;
@width_about : 158px;

@height_menu : 104px;
@width_menu : 1004px;
@width_menu_side : 7px;
@width_menu_one : 283px;
@width_menu_two : 226px;
@width_menu_three : 202px;
@width_menu_four : 270px;
@height_menu_inscrire : 40px;

@height_content :276px;
@width_content : 1004px;

@width_actu : 522px;
@height_actu_top : 60px;
@height_actu_contenu : 101px;
@width_actu_contenu : 361px;
@width_actu_lire : 166px;

@width_pub : 474px;
@width_pub_left : 146px;
@width_pub_right : 324px;

@height_sponsor : 164px;
@height_sponsor_top : 61px;
@width_sponsor_one : 662px;
@width_sponsor_two : 174px;
@width_sponsor_three : 168px;
@width_sponsor_img : 150px;
@width_sponsor_left : 6px;
@width_sponsor_right : 6px;
@margin_sponsor : 11px;

/* - - - - - - - - - - - - - - - - -*/
/*              Titre               */
/* - - - - - - - - - - - - - - - - -*/

#accueil_titre
{
	margin-top : 40px;
	font-size: 42pt;
	color : #f5f5f5;
	text-transform: uppercase;
	.bold;

	.about
	{
		display : inline-block;
		position : relative;
		width : @width_about - 18px;
		height : @height_about - 8px;
		background : url("@{url_accueil_titre}/Cadre.png");
		color: #ffffff;
		font-size: 15px;
		text-transform: none;
		font-weight : normal;
		padding-left : 18px;
		padding-top : 8px;
		left : 40px;
		top : -15px;
	}
}

/* - - - - - - - - - - - - - - - - -*/
/*              Menu                */
/* - - - - - - - - - - - - - - - - -*/

#accueil_menu
{
	width : @width_menu;
	height : @height_menu;
	margin-top : 12px;
	text-decoration : none;
	margin : 0px;
	padding : 0px;

	img
	{
		float : left;
	}

	li
	{
		height : @height_menu;
		background : url("@{url_accueil_menu}/Corps.png") repeat-x;
		float : left;
		text-decoration : none;
		display : block;
		margin : 0px;
		padding : 0px;

		.inscrire
		{
			.main_bouton;
			margin-left: 27px;
			margin-top: 31px;
			float:left;
		}
	}
	
	.left
	{
		width : @width_menu_side;
		height : @height_menu;
		background : url("@{url_accueil_menu}/CoinGauche.png");
		float : left;
	}

	.right
	{
		width : @width_menu_side;
		height : @height_menu;
		background : url("@{url_accueil_menu}/CoinDroit.png");
		float : left;
	}

	.one
	{
		width : @width_menu_one;
		.title 
			{
				margin-left: 23px;
				margin-top: 20px;
				color: #303030;
				font-size: 30px;
				float:left;
				font-weight: bold;
			}
			
			.text {
				margin-left: 23px;
				color: #ABABAB;
				font-size: 15px;
				float:left;
				font-weight: bold;
			}
	}

	.two
	{
		width : @width_menu_two;
		.text
			{
				margin-top: 30px;
				margin-left: 30px;
				color: #ABABAB;
				font-size: 15px;
				float:left;
				font-weight: bold;
			}
	}

	.three
	{
		width : @width_menu_three;
		.text
			{
				margin-top: 30px;
				margin-left: 30px;
				color: #ABABAB;
				font-size: 15px;
				float:left;
				font-weight: bold;
			}
	}
	.four
	{
		width : @width_menu_four;
		.comment 
			{
				float: right;
				color: #ABABAB;
				margin-right: 22px;
				margin-top: 30px;
				.iconeeclair 
					{
						float:right;
						margin-top:6px;
					}
			}
		a 
			{
				
				color: #ABABAB;
			}
	}

		
}

/* - - - - - - - - - - - - - - - - -*/
/*              Content             */
/* - - - - - - - - - - - - - - - - -*/

#accueil_content
{
	height : @height_content;
	width : @width_content;
	margin-top : 50px;
}

/* - - - - - - - - - - - - - - - - -*/
/*              Actualité           */
/* - - - - - - - - - - - - - - - - -*/

#accueil_actu
{
	width : @width_actu;
	height : @height_content;
	float: left;
	
	.top
	{
		height : @height_actu_top;
		width : @width_actu;
		background : url("@{url_accueil_actu}/Bloc2.png");
		margin-bottom : -10px;
		img 
		{
			float: left;
			margin-top:2px;
		}
		.title 
			{
				float:left;
				padding-left: 30px;
				padding-top: 15px;
				font-size: 15px;
				width: 100px;
				height: 30px;
				color: #F5F5F5;
				font-weight:bold;
			}
		.all 
			{
				color: #F5F5F5;
				padding-top:15px;
				float:right;
				height: 30px;
				width: 160px;
				font-size:15px;
				margin-right: 30px;
			
				
				.right {
				float: right;
				margin-left:5px;
				margin-top:-1px;
				}
				
			}
			a 
			{
				
				color: #F5F5F5;
			}
	}

	.actu
	{
		height : @height_actu_contenu;
		width : @width_actu;
		margin-top : 10px;

		.contenu
		{
			height : @height_actu_contenu;
			width : @width_actu_contenu;
			background : url("@{url_accueil_actu}/Fond.png") no-repeat;
			float : left;
			
			
			
			.title 
			{
				margin-top:30px;
				margin-left:30px;
				color:#FFFFFF;
				font-weight: bold;
				font-size: 15px;
				float:left;
			}
			
			.texte 
			{
				margin-left:30px;
				color:#C5D3DE;
				font-size: 15px;
				float:left;
			}
		}

		.lire
		{
			height : @height_actu_contenu;
			width : @width_actu_lire;
			background : url("@{url_accueil_actu}/Bloc.png");
			margin-left : -5px;
			float : left;
			font-size: 15px;
			a
			{
				color: #AAAAAA;
			}
			.center 
			{
				width: 60px;
				height:25px;
				margin: auto;
				margin-top: 40px;
				text-align: left;
				.loupe
				{
				margin-left:4px;
				float:right;
				}
			}
		}
	}
}

/* - - - - - - - - - - - - - - - - -*/
/*                Pub               */
/* - - - - - - - - - - - - - - - - -*/

#accueil_pub
{
	width : @width_pub;
	height : @height_content;
	float : left;
	margin-left : 8px;

	.left
	{
		width : @width_pub_left;
		height : @height_content - 15px;
		background : url("@{url_accueil_suivre}/Bloc.png");
		text-align : center;
		font-size : 14px;
		color : #f5f5f5;
		padding-top : 15px;
		text-transform: uppercase;
		font-weight: bold;
		font-family : "Myriad Pro Bold", "Myriad Pro";
		float : left;

		img
		{
			margin-top : 10px;
		}
	}

	.right
	{
		width : @width_pub_right;
		height : @height_content;
		background : url("@{url_accueil_pub}/Cadre.png");
		float : left;
		margin-left : 4px;

		img
		{
			margin-top : 10px;
			margin-left : 10px;
		}
	}
}

/* - - - - - - - - - - - - - - - - -*/
/*              Sponsor             */
/* - - - - - - - - - - - - - - - - -*/

.list_sponsor(@nbre : 1)
{
	width : @nbre * (@width_sponsor_img + @width_sponsor_left + @width_sponsor_right) + (@nbre - 1) * 3px;

	li
	{
		width : @width_sponsor_img;
		padding-left : 6px;
		padding-right : 6px;
		height : @height_sponsor - @height_sponsor_top;
		background: url("@{url_accueil_sponsor}/Corps.png");
	}

	.first
	{
		padding-left : 0px;
	}

	.last
	{
		padding-right : 0px;
	}

	.left
	{
		width : @width_sponsor_left;
		background: url("@{url_accueil_sponsor}/CoinGauche.png");
		padding : 0px;
	}

	.right
	{
		width : @width_sponsor_right;
		background: url("@{url_accueil_sponsor}/CoinDroit.png");
		padding : 0px;
	}
}

#accueil_sponsor
{
	height : @height_sponsor;
	width : @width_menu;
	margin-top : 35px;

	ul
	{
		text-decoration : none;
		float : left;
		display : block;
		padding : 0px;
		margin : 0px;
	}

	ul img
	{
		text-decoration : none;
		float : left;
	}

	ul li
	{
		text-decoration : none;
		float : left;
		display : block;
		padding : 0px;
		margin : 0px;

		img
		{
			display : inline-block;
			margin-top : 1px; 
		}

		span
		{
			float : left;
			display : inline-block;
		}
	}

	.top
	{
		height : @height_sponsor_top;

		li
		{
			height : @height_sponsor_top;
		}

		.one
		{
			width : @width_sponsor_one;
			background: url("@{url_accueil_sponsor}/Partie1.png");
			.title 
				{
					margin-left: 20px;
					margin-top: 15px;
					float: left;
					color:#F5F5F5 ;
					font-size: 15px;
					font-weight: bold;
					margin-right:50px;
				}
			.text 
				{
					margin-left:10px;
					margin-top: 15px;
					float: left;
					color:#F5F5F5 ;
					font-size: 15px;
					
				}
			.left
				{
					float: left;
					margin-left: 20px;
					margin-left:5px;
					margin-top:15px;
				}	
		}

		.two
		{	
			color:#F5F5F5;
			font-size :15px;
			font-weight:bold;
			width : @width_sponsor_two;
			background: url("@{url_accueil_sponsor}/Partie2.png") no-repeat;
			.title 
			{
				margin-left:20px;
				margin-top:15px;
			}
		}

		.three
		{	color:#F5F5F5;
			font-size :15px;
			font-weight:bold;
			width : @width_sponsor_three;
			background: url("@{url_accueil_sponsor}/Partie3.png");
			.title 
			{
				margin-left:20px;
				margin-top:15px;
			}
		}

	}

	.princip
	{
		.list_sponsor(4);
	}

	.sponsor
	{
		.list_sponsor(1);
		margin-left : @margin_sponsor;
	}

	.partenaire
	{
		.list_sponsor(1);
		margin-left : @margin_sponsor;
	}
}